<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Inner Page</title>

<link href="css/style.css" type="text/css" rel="stylesheet" media="all" />

</head>

<body>

<div id="header-wrapper">
	<div id="header">
    	<div class="header-logo">
        	<h1>Question Mark</h1>
        </div>
        <div class="header-title">
        	<h3>An question/answers system powered<br /> 100% by WordPress.</h3>
        </div>
        
        <div class="userpanel">
        	<div class="user-img">
        		<img src="images/user-img.jpg" />
            </div>
            <div class="user-title">
        		<h5>Lieutenant Columbo</h5>
                <br /><br />
            	<a href="#">Profile</a> <font style="float:right; color:#5f83a1;">|</font> <a href="#">Log Out</a>
            </div>
        </div>
        
        <div style="clear:both;"></div>
    </div>
    <div class="menu-wrapper">
    	<div class="menu">
        	<p class="topics-title">TRENDING TOPICS:</p>
        	<div class="topics">
            	<ul>
                	<li><a href="#">Football</a></li>
                    <li><a href="#">Music</a></li>
                    <li><a href="#">Food</a></li>
                    <li><a href="#">Internet</a></li>
                </ul>
            </div>
            <div class="all">
            	<ul>
                	<li><a href="#">See all &raquo;</a></li>
                </ul>
            </div>
            <div class="menu-right">
            	<ul>
                	<li><a href="#">About Us</a></li>
                    <li><a href="#">Contact</a></li>
                    <li><a href="#">Friends</a></li>
                    <li><a href="#">Other Pages</a></li>
                </ul>
            </div>
    	</div>
    </div>
</div>

<div id="content">
	<div class="left">
		<div class="search">
        	<form name="Search" method=GET action="#">
            	<div class="search-box">
					<input text="text" size="70" maxlength="100" name="search" value="Search for an existing question..." onclick="if (this.value=='Search for an existing question...') this.value=''" > 
                </div>
                <div class="search-submit">
					<input type="image" src="images/search-btn.jpg" type="submit">
                </div>
			</form>
        </div>
          
        	<div class="question">
        		<div class="question-title">
            		<div class="question-user-img">
                		<img src="images/question-img.jpg" />
                	</div>
                	<div class="question-by">
                		<p>SOREL MIHAI</p>
                    	<p class="question-h1">How do i stop rabbits from eating my plants ?</p>
                	</div>
                			<div style="clear:both;"></div>
            	</div>
             <div class="question-content">
             	<p>I see rabbits running around my yard and every morning there’s another plant that’s been eaten. Should I get a repellent? I don’t want to build ugly fences. Has anyone tried Havahart’s DeFence? It’s natural and organic. Plus, it repels deer too. Here’s…</p>
             </div>
            <div class="question-bottom">
            	<div class="answer">
                	<a href="#">Answer this question</a>
                </div>
                <div class="answers">
                	<p><font class="answer-nr">24</font> Answers</p>
                </div>
                <div class="answer-date">
                	<p>June 5th, 2010</p>
                </div>
			</div>
         </div>
     	
        <div class="answers-nr">
        	<p>24 Answers</p>
        </div>
        
        <div class="question-answer">
        		<div class="question-answer-title">
            		<div class="question-user-img-nobg">
                		<img src="images/answer-img.jpg" />
                	</div>
                	<div class="answer-by">
                		<p>Richard Monrey</p>
                    	<p class="answer-date-2">February 22th, 2010</p>
                	</div>
                    <div class="reply">
                    	<a href="#">Reply</a>
                    </div>
                			<div style="clear:both;"></div>
            	</div>
             <div class="answer-content">
             	<p>Etiam et augue nibh. Nulla facilisi. Integer dignissim pellentesque felis eget hendrerit. Duis accumsan purus eget risus condimentum vitae feugiat sem aliquet. Etiam felis quam, vestibulum placerat mattis et, varius non sapien. Aenean sed accumsan sapien. Proin faucibus tempor ornare. Maecenas vitae fringilla arcu. Cras erat lectus, fermentum non ultricies a, volutpat sit amet elit. </p>
             </div>
             <img src="images/answer-bg-bottom.jpg" />
         </div>
         
         <div class="question-answer">
        		<div class="question-answer-title">
            		<div class="question-user-img-nobg">
                		<img src="images/answer-img.jpg" />
                	</div>
                	<div class="answer-by">
                		<p>Richard Monrey</p>
                    	<p class="answer-date-2">February 22th, 2010</p>
                	</div>
                    <div class="reply">
                    	<a href="#">Reply</a>
                    </div>
                			<div style="clear:both;"></div>
            	</div>
             <div class="answer-content">
             	<p>Etiam et augue nibh. Nulla facilisi. Integer dignissim pellentesque felis eget hendrerit. Duis accumsan purus eget risus condimentum vitae feugiat sem aliquet. Etiam felis quam, vestibulum placerat mattis et, varius non sapien. Aenean sed accumsan sapien. Proin faucibus tempor ornare. Maecenas vitae fringilla arcu. Cras erat lectus, fermentum non ultricies a, volutpat sit amet elit. </p>
             </div>
             <img src="images/answer-bg-bottom.jpg" />
         </div>
        
        <div class="answer-post">
        	<p>Answer this question</p>
        </div>
        	<FORM ACTION="#" METHOD=POST>
        <div class="text-publish">
			<TEXTAREA NAME="comments" COLS=75 ROWS=6></TEXTAREA>
        </div>
        	<INPUT class="publish-btn" type="image" src="images/publish.jpg" VALUE="">
	 		</FORM>
       
        
    </div>  
    <div class="right">
    	<div class="ask">
        	<p>Do you have any <br /><font class="tech">technology questions</font> ?</p>
            <a href="#">Ask a question</a>
        </div>
        
        <div class="login">
        	<p><font class="login-title">Login</font></p>
        	<form method="POST" action="#">
            <p>Username:</p>
  			<input class="input" type="text" name="username" size="15" /><br />
            <p>Password:</p>
   			<input class="input" type="password" name="passwort" size="15" /><br />
  			<div align="center">
    		<a href="#">Forgot your password ?</a><input type="image" src="images/login-btn.jpg" type="submit" value="Login" />
  			</div>
			</form>
        </div>
        
        <div class="ads">
        	<div class="ad-left">
            	<img src="images/ad.jpg" />
            </div>
            <div class="ad-right">
            	<img src="images/ad1.jpg" />
            </div>
            <div class="ad-left">
            	<img src="images/ad2.jpg" />
            </div>
            <div class="ad-right">
            	<img src="images/ad3.jpg" />
            </div>
            <div class="ad-left">
            	<img src="images/ad4.jpg" />
            </div>
            <div class="ad-right">
            	<img src="images/ad5.jpg" />
            </div>
            <div style="clear:both;"></div>
        </div>
    </div>
    <div style="clear:both;"></div>
</div>

<div id="footer">
	<img id="left" src="images/footer-left.jpg" />
    <h6>Copyright &copy; 2010. All rights reserved.</h6>
    	<div class="privacy">
        	<a font style="text-decoration:underline" href="#">Privacy Policy</a> | <a font style="text-decoration:underline" href="#">Terms of Use</a>
        </div>
    <img id="right" src="images/footer-right.jpg" />
</div>

</body>
</html>
